import React from 'react';
import { Popover } from 'antd'
import styles from './index.module.scss'
import Config from '../../../../config'

export default function WebComFooter() {
  const WxImg = (
    <img src={Config.weiXinCode} style={{ width: '224px', height: '298px'}} alt="微信" />
  )
  return (
    <div className={ `${styles.footer} w-flex-between` }>
      <p className={ `${ styles.text } ${styles['clear-margin']}` }>Phone：
        <a href="tel:17620747824">17620747824</a>   &nbsp;&nbsp;
        QQ：415461850  &nbsp;&nbsp;
        <Popover content={ WxImg } trigger="hover">
            <span
              slot="reference"
              className="w-pointer">微信：wangwugangcun</span>
        </Popover>
      </p>
      <a
        target="_blank"
        rel="noopener noreferrer"
        className={styles.text}
        href={ Config.gongXinUrl }>豫ICP备17050274号-1</a>
    </div>
  );
}
